.nav-menu {
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 0;
  background-color: #fff;
  border-top: 1px solid #fff;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out 0.2s;
  overflow: hidden;

  .container {
    width: 1226px;
    margin: 0 auto;

    .phone-card {
      float: left;
      width: 16.66%;
      height: 100%;

      .thumb {
        position: relative;
        width: 100%;
        height: 160px;
        margin-top: 10px;

        &::after {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 18px;
          width: 0;
          height: 130px;
          border-left: 1px solid #ddd;
        }

        &.first::after {
          border: none;
        }

        img {
          display: block;
          width: 160px;
          height: 160px;
          margin: 0 auto;
        }
      }

      .info {
        text-align: center;

        p {
          color: #ff6700;
          margin-top: 5px;
        }
      }
    }
  }
}
